﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" MasterPageFile="~/Templates/site.master" Inherits="DemoControls.Default" %>
<%@ Register Assembly="ZaxControls" Namespace="ZaxLib.Web.UI.WebControls" TagPrefix="zax" %>

<asp:Content ContentPlaceHolderID="PageContent" runat="server">
	<div>
		<%// Test display label %>
        <div>
            <asp:Label ID="lblCode" visible="false" runat="Server" />
        </div>
		<div>
			<asp:Label ID="lblPath" Visible="false" runat="server" />
		</div>

		<%// Demo controls %>
		<div id="dGridView" runat="server" visible="false">
			<zax:GridView ID="gvResults" runat="server" CssClass="DataGrid" RowsPerPage="15">
				<zax:GridHeader Label="Simple Data Example" CssClass="CellHead" runat="server">
					<zax:GridItem ID="lblId1" Label="Label 1" Field="X:0" runat="server" />
					<zax:GridItem ID="lblId2" Label="Label 2" Field="X:1" runat="server" />
					<zax:GridItem ID="lblId3" Label="Label 3" Field="X:2" runat="server" />
					<zax:GridItem ID="lblId4" Label="Label 4" Field="X:3" runat="server" />
					<zax:GridItem ID="lblId5" Label="Label 5" Field="X:4" runat="server" />
				</zax:GridHeader>
				<zax:GridData runat="server">
					<zax:GridItem ID="item1" Field="X:0" runat="server" />
					<zax:GridItem ID="item2" Field="X:1" runat="server" />
					<zax:GridItem ID="item3" Field="X:2" runat="server" />
					<zax:GridItem ID="item4" Field="X:3" runat="server" />
					<zax:GridItem ID="item5" Field="X:4" runat="server" />
				</zax:GridData>
				<zax:GridFooter ID="footer" Label="Footer Text" CssClass="CellFooter" runat="server"></zax:GridFooter>
			</zax:GridView>
		</div>

        <div id="dDatePicker" runat="server" visible="false">
            <zax:DatePicker ID="dpDate" Label="Date" Help="Select the date."
				HelpSrc="~/App_Themes/demo/images/helpIcon.png"
				Required="true" runat="server" />
        </div>
        <div id="dTextBox" runat="server" visible="false">
			<div>
				<asp:Label ID="lblUser" runat="server" Visible="false" />
			</div>
			<div>
				<zax:TextBox ID="UserName" Label="Name" Help="Example TextBox that takes in a person's name."
					HelpSrc="~/App_Themes/demo/images/helpIcon.png"
					Required="true" AutoItems="Leland Ede,Jeo Webster,Tarry Willby"
					OnChange="OnLoginChange"
					runat="server" />
			</div>
			<div>
				<zax:TextBox ID="txtUser" Label="Login Name" Help="Example TextBox that takes in a person's name."
					HelpSrc="~/App_Themes/demo/images/helpIcon.png"
					Required="true" OnChange="OnTextChange"
					runat="server" />
			</div>
        </div>
		<div id="dNoteBox" runat="server" visible="false">
			<zax:NoteBox ID="txtNotes" Label="General Notes" IconExpand="~/App_Themes/demo/images/expand.png" IconCollapse="~/App_Themes/demo/images/collapse.png" AutoHide="true"
				Help="Enter any general notes that may pertain to this data."
				HelpSrc="~/App_Themes/demo/images/helpIcon.png" runat="server" />
		</div>
		<%//*************** Test controls **************************%>
		<div id="dListView" runat="server" visible="false">
			<zax:ListView ID="ddColor" AutoSort="true" ListItems="White, Turquiose" Label="Color"
				Help="List of colors"
				HelpSrc="~/App_Themes/demo/images/helpIcon.png"
				runat="server" />
			<asp:Label ID="lblColor2" runat="server" Visible="false" />
			<zax:ListView ID="lvColor2" AutoSort="true" ListType="Radio" OnChange="OnColorChange" Label="Color 2"
				help="Select the color to see the event that happens"
				HelpSrc="~/App_Themes/demo/images/helpIcon.png"
				runat="server" />
			<zax:ListView ID="lvYesNo" runat="server" ListType="YesNo" Label="Can you see this line?" OnChange="OnYesnoChange" />
			<div id="divLine" runat="server" visible="false">
				You clicked yes so now we can see this extra line of information.
			</div>
		</div>
        <div id="dDragItems" runat="server" visible="true">
			<zax:ListView ID="dragList" CssClass="ui-draggable width120 dragItem" runat="server"
				Help="Drag any item in the list over to the Item List section."
				ListItems="Red, Green, Purple, Blue, Black"
				ListType="Draggable" Label="Drag Item" />

			<zax:DragItem ID="InvalidDrag" runat="server" Label="Invalid Items" Text="Try me"
				help="This item can be dragged but doesn't have a landing zone defined on the page." />
		</div>

		<div>
	        <asp:Button ID="btnTest" OnClick="OnClicked" runat="server" Text="Post Me!" />
		</div>
	</div>
</asp:Content>

<asp:Content ContentPlaceHolderID="LeftContent" runat="server">
	<div>
		<asp:Label ID="lblDemo" Text="Control Demos" runat="server" />
		<ul>
			<li><asp:LinkButton ID="btnDate" OnClick="btnOnClick" Text="Date Picker" runat="server" /></li>
			<li><asp:LinkButton ID="btnGrid" OnClick="btnOnClick" Text="Grid View" runat="server" /></li>
			<li><asp:LinkButton ID="btnList" OnClick="btnOnClick" Text="List View" runat="server" /></li>
			<li><asp:LinkButton ID="btnNote" OnClick="btnOnClick" Text="Node Box" runat="server" /></li>
			<li><asp:LinkButton ID="btnText" OnClick="btnOnClick" Text="Text Box" runat="server" /></li>
			<li><asp:LinkButton ID="btnDrag" OnClick="btnOnClick" Text="Drag/Drop" runat="server" /></li>
		</ul>
	</div>
	<div id="dDropPanel" runat="server" visible="true">
		<zax:DropPanel ID="dropZone" CssClass="width120" AllowItems="dragItem" HoverClass="border" 
			OnDrop="OnDropZone" 
			OnClick="OnClickPanel"
			Label="Item List" runat="server" /> 
	</div>
</asp:Content>
